<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Danh sách nhân viên</title>
<link rel="stylesheet" href="../css/designTable.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="../css/form.css" />
<sj:head jqueryui="true" jquerytheme="cupertino" />
</head>
<body>
<div id="viewListEmpl">

<div style="margin: 10px;"><s:form id="form" method="post"
	theme="simple" cssClass="yform">
	<fieldset style="width: 95%;"><legend
		style="margin-left: 10px; font-weight: bold;">Tìm kiếm nhân
	viên </legend>
	<div class="type-text">
	<ul class="form">
		<li class="left">Nhập họ và tên</li>
		<li class="right"><s:textfield cssClass="smallInput wide"
			name="fullname" /></li>
		<li class="clr"></li>
		<li class="left">Chức vụ</li>
		<li class="right"><s:select name="depmtchose" list="listdepmt"
			listKey="departmentID" listValue="departmentName" headerKey="0"
			cssClass="smallInput" headerValue="-- Chọn chức vụ --"
			label="Chức vụ" /></li>
		<li class="clr"></li>
		<li class="left">Trạng thái</li>
		<li class="right"><s:select name="statusChose"
			list="listStatusOfAccounts" listKey="statusOfAccountID"
			listValue="statusName" headerKey="0" cssClass="smallInput"
			headerValue="-- Chọn trạng thái --" label="Trạng thái nhân viên" /></li>
		<li class="clr"></li>
		<li class="left">&nbsp;</li>
		<li class="right"><s:url id="Manager_searchEmployee"
			value="/Manager_searchEmployee" /> <sj:submit title="Tìm kiếm"
			id="lnkManager_searchEmployee" href="%{Manager_searchEmployee}"
			button="true" value="Tìm kiếm" targets="viewListEmpl" class="link"></sj:submit>
		<s:url id="Manager_listEmployee" value="/Manager_listEmployee" /> <sj:submit
			title="Trang trước" id="lnkManager_listEmployee"
			href="%{Manager_listEmployee}" button="true" value="Trang trước"
			targets="viewListEmpl" class="link"></sj:submit></li>
		<li class="clr"></li>

	</ul>

	</div>

	</fieldset>
</s:form></div>

<div style="margin: 10px;">
<fieldset style="width: 95%;"><legend
	style="margin-left: 10px; font-weight: bold;">Danh sách sản
phẩm</legend>
<div class="type-text"><s:if test="listEmplSearch==null">
	<h2><s:actionerror /></h2>
	</s:if>
	<table width="100%" cellpadding="0" cellspacing="0" id="box-table-a"
		summary="View List Employee">
		<thead>
			<tr>
				<th width="100" scope="col">Số thứ tự</th>
				<th width="120" scope="col">Tên đăng nhập</th>
				<th width="150" scope="col">Họ và tên</th>
				<th width="120" scope="col">Chức vụ</th>
				<th width="100" scope="col">Trạng thái</th>
				<th width="100" scope="col">Chú thích</th>
				<th width="90" scope="col">&nbsp;</th>
			</tr>
		</thead>
		<tbody>
			<s:iterator value="listEmplSearch">
				<tr>
					<td><s:property value="EmployeeID" /></td>
					<td><s:property value="account.UserName" /></td>
					<td><s:property value="account.accountInformation.FullName" /></td>
					<td><s:property value="department.DepartmentName" /></td>
					<td><s:property value="department.DepartmentName" /></td>
					<td><s:property value="account.statusOfAccount.Description" /></td>
					<td width="100"><s:url id="Manager_viewDetailEmployee"
						value="/Manager_viewDetailEmployee?id=%{EmployeeID}" /> <sj:a
						title="Chi tiết" href="%{Manager_viewDetailEmployee}"
						targets="viewListEmpl" button="true" cssStyle=" margin-left:20px;">
						<span class="outer"><span>Chi tiết</span></span>
					</sj:a></td>
				</tr>
			</s:iterator>
			<tr class="footer">
				<td colspan="4">&nbsp;</td>
				<td align="right">&nbsp;</td>
				<td colspan="3" align="right"><!--  PAGINATION START  -->
				<div class="pagination"><span class="previous-off">&laquo;
				Previous</span> <span class="active">1</span> <a href="#">2</a> <a href="#">3</a>
				<a href="#">4</a> <a href="#">5</a> <a href="#" class="next">Next
				&raquo;</a></div>
				<!--  PAGINATION END  --></td>
			</tr>
		</tbody>
	</table>
</div>
</fieldset>
</div>
</body>
</html>